<template>
  <div>
    <avue-crud
      ref="crud"
      style="width:100%"
      :data="loadData"
      :option="tableOption"
      :table-loading="loading"
    >
      <template slot="timeAndAddress" slot-scope="scope">
        <p v-for="(item,index) in scope.row.timeAndAddress" :key="index">
          <!-- <span>{{item.serviceDate}}</span> -->
          <span>{{item.serviceAddress}}</span>
          <span>{{item.serviceTime}}</span>
        </p>
      </template>
    </avue-crud>
  </div>
</template>

<script>
import { tableOption } from "./all_list.config.js";
import { shoppersonservice } from "@/api/shop/order/housekeeping.js";
export default {
  data() {
    return {
      tableOption: tableOption,
      loading: false,
      loadData: [],
    };
  },
  methods: {
    getList(item) {
      shoppersonservice(
        Object.assign({ shopId: item.shopId },)
      ).then((val) => {
        let data = val.data.data;
        this.loadData = data.records;

        console.log(7878, val);
      });
    },
  },
};
</script>